Sourced from @​mantine/charts's releases.

7.11.0 👁️

View changelog with demos on mantine.dev website

withProps function

All Mantine components now have withProps static function that can be used to add default props to the component:

import { IMaskInput } from 'react-imask';
import { Button, InputBase } from '@mantine/core';
const LinkButton = Button.withProps({
component: 'a',
target: '_blank',
rel: 'noreferrer',
variant: 'subtle',
});
const PhoneInput = InputBase.withProps({
mask: '+7 (000) 000-0000',
component: IMaskInput,
label: 'Your phone number',
placeholder: 'Your phone number',
});
function Demo() {
return (
<>
{/* You can pass additional props to components created with withProps */}
<LinkButton href="https://mantine.dev&quot;&gt;Mantine website</LinkButton>
  {/* Component props override default props defined in `withProps` */}
  &lt;PhoneInput placeholder=&quot;Personal phone&quot; /&gt;
&lt;/&gt;

);
}

Avatar initials

Avatar component now supports displaying initials with auto generated color based on the given name value. To display initials instead of the default placeholder, set name prop to the name of the person, for example, name="John Doe". If the name is set, you can use color="initials" to generate color based on the name:

import { Avatar, Group } from '@mantine/core';
const names = [
</tr></table>

... (truncated)

• 4b58cb8 [release] Version: 7.11.0
• eb2ceef [@​mantine/charts] RadarChart: Add legend support
• 0e30f15 [@​mantine/charts] Add right y axis support to LineChart, AreaChart and BarCha...
• 2414345 [@​mantine/core] Add Component.withProps support to all components
• 6acddd7 [mantine.dev] Add BubbleChart documentation
• 7759784 [@​mantine/charts] BubbleChart: Add type exports
• 72484d4 [@​mantine/charts] BubbleChart: Add range and domain support
• c0f95f8 [@​mantine/charts] BubbleChart: Add tooltip
• feb7206 [@​mantine/charts] BubbleChart: Add dataKey prop handling
• 3934d8e [@​mantine/charts] BubbleChart: Add light/dark color scheme styles
• Additional commits viewable in compare view

Sourced from @​mantine/core's releases.

7.11.0 👁️

View changelog with demos on mantine.dev website

withProps function

All Mantine components now have withProps static function that can be used to add default props to the component:

import { IMaskInput } from 'react-imask';
import { Button, InputBase } from '@mantine/core';
const LinkButton = Button.withProps({
component: 'a',
target: '_blank',
rel: 'noreferrer',
variant: 'subtle',
});
const PhoneInput = InputBase.withProps({
mask: '+7 (000) 000-0000',
component: IMaskInput,
label: 'Your phone number',
placeholder: 'Your phone number',
});
function Demo() {
return (
<>
{/* You can pass additional props to components created with withProps */}
<LinkButton href="https://mantine.dev&quot;&gt;Mantine website</LinkButton>
  {/* Component props override default props defined in `withProps` */}
  &lt;PhoneInput placeholder=&quot;Personal phone&quot; /&gt;
&lt;/&gt;

);
}

Avatar initials

Avatar component now supports displaying initials with auto generated color based on the given name value. To display initials instead of the default placeholder, set name prop to the name of the person, for example, name="John Doe". If the name is set, you can use color="initials" to generate color based on the name:

import { Avatar, Group } from '@mantine/core';
const names = [
</tr></table>

... (truncated)

• 4b58cb8 [release] Version: 7.11.0
• 2339429 [refactor] Fix erors
• 145d2b3 [@​mantine/core] Avatar: Add initial with auto color support
• b8871a6 [@​mantine/core] Transition: Add enter and exit delay handling
• c0496a6 [@​mantine/core] TagsInput: Add acceptValueOnBlur prop support
• 2414345 [@​mantine/core] Add Component.withProps support to all components
• 24c4d83 [@​mantine/core] Burger: Add option to change line height via prop
• cca0c0f [@​mantine/core] Spoiler: Add controlled expanded state support
• 97a1476 Merge branch 'master' of github.com:mantinedev/mantine into 7.11
• 29f24e3 [release] Version: 7.10.2
• Additional commits viewable in compare view

Sourced from @​mantine/hooks's releases.

7.11.0 👁️

View changelog with demos on mantine.dev website

withProps function

All Mantine components now have withProps static function that can be used to add default props to the component:

import { IMaskInput } from 'react-imask';
import { Button, InputBase } from '@mantine/core';
const LinkButton = Button.withProps({
component: 'a',
target: '_blank',
rel: 'noreferrer',
variant: 'subtle',
});
const PhoneInput = InputBase.withProps({
mask: '+7 (000) 000-0000',
component: IMaskInput,
label: 'Your phone number',
placeholder: 'Your phone number',
});
function Demo() {
return (
<>
{/* You can pass additional props to components created with withProps */}
<LinkButton href="https://mantine.dev&quot;&gt;Mantine website</LinkButton>
  {/* Component props override default props defined in `withProps` */}
  &lt;PhoneInput placeholder=&quot;Personal phone&quot; /&gt;
&lt;/&gt;

);
}

Avatar initials

Avatar component now supports displaying initials with auto generated color based on the given name value. To display initials instead of the default placeholder, set name prop to the name of the person, for example, name="John Doe". If the name is set, you can use color="initials" to generate color based on the name:

import { Avatar, Group } from '@mantine/core';
const names = [
</tr></table>

... (truncated)

• 4b58cb8 [release] Version: 7.11.0
• 29f24e3 [release] Version: 7.10.2
• 9fc741c [refactor] Change fireEvent to userEvent in use-focus-trap tests (#6332)
• See full diff in compare view

Sourced from @​tabler/icons-react's releases.

Release 3.7.0

18 new icons:

• outline/battery-exclamation
• outline/battery-vertical-1
• outline/battery-vertical-2
• outline/battery-vertical-3
• outline/battery-vertical-4
• outline/battery-vertical-charging-2
• outline/battery-vertical-charging
• outline/battery-vertical-eco
• outline/battery-vertical-exclamation
• outline/battery-vertical-off
• outline/battery-vertical
• outline/brand-metabrainz
• outline/cancel
• outline/rosette-discount-check-off
• outline/ruler-measure-2
• outline/umbrella-2
• outline/umbrella-closed-2
• outline/umbrella-closed

Fixed icons: filled/circle-plus, outline/apple, outline/battery-automotive, outline/flask-2-off, outline/flask-2, outline/flask, outline/microscope-off, outline/microscope, outline/rosette-discount-check, outline/ruler-measure, outline/test-pipe-2, outline/test-pipe-off, outline/test-pipe

Renamed icons:

• outline/mood-suprised renamed to outline/mood-surprised

Fixes & Improvements

• Set return type of Component in SolidJS to JSX.Element (#1148)
• Change the way of exporting icons in Svelte package (#1169)
• Add support for Svelte 5
• Remove invalid DOM properties from circle-plus icon

Release 3.6.0

18 new icons:

• filled/binoculars
• filled/mood-angry
• filled/mood-crazy-happy
• filled/mood-wrrr
• filled/pill
• filled/receipt
• filled/rosette-discount
• filled/scuba-diving-tank
• filled/steering-wheel

... (truncated)

• 3ce9e93 Release 3.7.0
• 9239580 Release 3.6.0
• c898ade Add title to icon's <svg> as child tag in React, Vue.js and React Native (#1147)
• See full diff in compare view

• See full diff in compare view

Sourced from postcss's releases.

8.4.39

• Fixed CssSyntaxError types (by @​romainmenke).

Sourced from postcss's changelog.

8.4.39

• Fixed CssSyntaxError types (by @​romainmenke).

• e0efb16 Release 8.4.39 version
• 48304c5 Update dependencies
• 155ac57 Merge pull request #1947 from romainmenke/fix-css-syntax-error-type--reliable...
• 1b9b466 fix CssSyntaxError type declaration
• 3f4d96e Update dependencies
• b952be7 Update CI actions
• b512b29 Typo
• f9a9868 Move to pnpm 9 and Node.js 22
• 79052c2 Merge pull request #1940 from Xvezda/patch-1
• 0eedad4 Update changed urls
• Additional commits viewable in compare view

Sourced from typescript's releases.

TypeScript 5.5

For release notes, check out the release announcement.

For the complete list of fixed issues, check out the

• fixed issues query for TypeScript v5.5.2 (Stable).
• fixed issues query for TypeScript v5.5.1 (RC).
• fixed issues query for TypeScript v5.5.0 (Beta).

Downloads are available on:

• npm
• NuGet package

TypeScript 5.5 RC

For release notes, check out the release announcement.

For the complete list of fixed issues, check out the

• fixed issues query for Typescript 5.5.0 (Beta).
• fixed issues query for Typescript 5.5.1 (RC).

Downloads are available on:

• NuGet package

TypeScript 5.5 Beta

For release notes, check out the release announcement.

For the complete list of fixed issues, check out the

• fixed issues query for Typescript 5.5.0 (Beta).

Downloads are available on:

• npm
• NuGet package

• ce2e60e Update LKG
• f3b21a2 🤖 Pick PR #58931 (Defer creation of barebonesLibSourc...) into release-5.5 (#...
• 7b1620b 🤖 Pick PR #58811 (fix(58801): "Move to file" on globa...) into release-5.5 (#...
• 5367ae1 Bump version to 5.5.2 and LKG
• 02132e5 🤖 Pick PR #58895 (Fix global when typescript.js loade...) into release-5.5 (#...
• 45b1e3c 🤖 Pick PR #58872 (Fix declaration emit crash) into release-5.5 (#58874)
• 17933ee 🤖 Pick PR #58810 (Fixed declaration emit issue relate...) into release-5.5 (#...
• 552b07e 🤖 Pick PR #58786 (Fixed declaration emit crash relate...) into release-5.5 (#...
• 39c9eeb Pick #58857 to release-5.5 (#58858)
• 2b0009c 🤖 Pick PR #58846 (Ensure the updates with crashes rev...) into release-5.5 (#...
• Additional commits viewable in compare view

You can trigger Dependabot actions by commenting on this PR:

• @dependabot rebase will rebase this PR
• @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
• @dependabot merge will merge this PR after your CI passes on it
• @dependabot squash and merge will squash and merge this PR after your CI passes on it
• @dependabot cancel merge will cancel a previously requested merge and block automerging
• @dependabot reopen will reopen this PR if it is closed
• @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
• @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
• @dependabot ignore <dependency name> major version will close this group update PR and stop Dependabot creating any more for the specific dependency's major version (unless you unignore this specific dependency's major version or upgrade to it yourself)
• @dependabot ignore <dependency name> minor version will close this group update PR and stop Dependabot creating any more for the specific dependency's minor version (unless you unignore this specific dependency's minor version or upgrade to it yourself)
• @dependabot ignore <dependency name> will close this group update PR and stop Dependabot creating any more for the specific dependency (unless you unignore this specific dependency or upgrade to it yourself)
• @dependabot unignore <dependency name> will remove all of the ignore conditions of the specified dependency
• @dependabot unignore <dependency name> <ignore condition> will remove the ignore condition of the specified dependency and ignore conditions